<!DOCTYPE html>
<html style="height:100%">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <title>LabPirata - Laboratório Hacker Colaborativo, Makerspace, Creativespace, Hacklab</title>

  <!-- Helpers CSS Framework http://helpers.araujo.cc -->
  <link rel="stylesheet" href="helpers.min.css">

  <style>
  @font-face {
    font-family: 'OctaW01';
    src: url('fonts/OctaW01-Regular/OctaW01-Regular.eot');
    src: url('fonts/OctaW01-Regular/OctaW01-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/OctaW01-Regular/OctaW01-Regular.woff') format('woff'),
    url('fonts/OctaW01-Regular/OctaW01-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  body { background: url(img/bg.png) repeat-x center top; font-family: Arial; }
  section { padding-bottom: 40px }
  h1, h2 { font-family: 'OctaW01'; font-weight: 300 }
  h1 { font-size: 3.2em }
  h2 { font-size: 1.8em }
  [text~=purple] { color: #532f91 }
  [layout~=purple] { background: linear-gradient(#8c74b6, #532f91) }
  </style>
</head>
<body text="line-1.5 black" layout="no-margin">

  <header text="center purple" layout="top-40 v-padding-40">

    <img src="labpirata.png" alt="">

    <h1 layout="no-margin">
      <span text="black">#</span>LabPirata
    </h1>

  </header>

  <section text="white center" layout="black-90 fix">

    <iframe width="560" height="315" src="https://www.youtube.com/embed/AnxuFAghl-k" frameborder="0" allowfullscreen></iframe>

    <div text="left" layout="max-960 center bottom-30">

      <h2>HackLab + Experimentação livre</h2>

      <p>
        O <strong>LabPirata</strong> oferece o seu espaço para o aprendizado e experimentação disponibilizando ferramentas com auxílio de nossa experiência. Venha conhecer nosso espaço!
      </p>

    </div>

  </section>

  <section text="white center" layout="purple fix">

    <div layout="max-960 center flex">

      <div layout="v-padding-40">

        <img src="img/hacklab.png" alt="">

      </div>

      <div text="left" layout="max-960 center padding-20 h-padding-40">

        <h2>Incubadora de Projetos</h2>

        <p>
          Tem uma ideia ou um pequeno projeto já em curso e precisa de ajuda? A gente dá uma força! Seja sua ideia um site, sistema, aplicativo pra celular, ideia de negócio, dispositivo inovador ou até mesmo um incrível robô!!! Podemos criar pra você, indicar pessoas, financiar seu projeto ou até mesmo nos tornar parceiros nesta caminhada.
        </p>

      </div>

    </div>

  </section>

  <section text="center" layout="v-padding-40">

    <img src="img/creative-commons.png" alt="">

    <h2>
      Pode copiar a vontade. <br>
      Mas lembre-se de citar o autor!
    </h2>

  </section>

  <section text=".9em white" layout="v-padding-40 gray-90" links="white hover-red">

    <div layout="max-960 center">

      <b>Redes</b>

      <ul layout="flat">
        <li><a href="https://facebook.com/labpiratas" target="_blank">Facebook</a></li>
        <li><a href="https://instagram.com/labpiratas" target="_blank">Instagram</a></li>
      </ul>

    </div>

  </section>

</body>
</html>
